<template>
  <el-card id="index_id">
    <template>
      <el-carousel indicator-position="outside">
        <el-carousel-item v-for="item in banner_list" :key="item.id">
            <img :src="'http://127.0.0.1:3000'+item.img" />
        </el-carousel-item>
      </el-carousel>
    </template>
  </el-card>
</template>

<script>
import { mapActions,  mapMutations, mapState} from 'vuex'
export default {
  created(){
    this.BannerActions();
    // this.banner_list=this.$store.state.banner_list
    console.log(this);
  },
  computed:{
    ...mapState({'banner_list': state=>state.IndexStroe.banner_list}),
    // ...mapGetters('IndexStroe',['Banner'])
  },
  data() {
    return {
      
    };
  },
  methods:{
    ...mapActions('IndexStroe',['BannerActions']),
    ...mapMutations('IndexStroe',['BannerMutations'])
  },
  
};
</script>

<style>
#index_id {
  height: 85vh;
}
</style>